<template>
	<view class="parameter" :style="{height: wHeight + 'px'}">
		<view class="parameter-top">
			<text>超级搜客</text>
		</view>
		<view class="parameter-huo">
			<view class="parameter-fenzu">
				<text>获取个数</text>
			</view>
			<view class="parameter-geshu">
				<view class="parameter-shi">
					<input type="text" value="10"  placeholder="默认10,最大50"  οnfοcus="if (value =='默认值'){value =''}" οnblur="if (value ==''){value='默认值'}" />
				</view>
				<view class="parameter-tui">
					<text>推荐10个</text>

				</view>
			</view>
		</view>
		<view class="parameter-huo">
			<view class="parameter-fenzu">
				<text>分组名称</text>
			</view>
			<view class="parameter-geshu">
				<view class="parameter-shi">
					<text>拓客桥</text>
				</view>
			</view>
		</view>
		<view class="parameter-huo">
			<view class="parameter-fenzu">
				<text>只取手机</text>
			</view>
			<view class="parameter-geshu">
				<view class="parameter-shi">
					<switch></switch>
				</view>
				<view class="parameter-tui">
					<text>只获取有手机号码的客户</text>
				</view>
			</view>
		</view>
		<view class="parameter-top">
			<text>全网采集</text>
		</view>
		<view class="parameter-huo">
			<view class="parameter-fenzu">
				<text>分组名称</text>
			</view>
			<view class="parameter-geshu">
				<view class="parameter-shi">
					<text>客源汇采集</text>
				</view>
			</view>
		</view>
		<view class="parameter-bj">
			<view class="parameter-tj">
				<text>提交</text>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
         data(){
			 return{
				 wHeight:''
			 }
		 },
		 onLoad(){
			 this.wHeight = this.$store.state.ContentHeight-44;
		 },
		
	}
</script>

<style lang="less" scoped>
	.parameter {
		background-color: #F6F5F5;

		.parameter-top {
			height: 67rpx;
			background-color: #DBDBDB;
			text {
				display: block;
				height: 23rpx;
				line-height: 63rpx;
				margin-left: 31rpx;
				font-size: 24rpx;
				font-family: Source Han Sans CN;
				font-weight: 500;
				color: #000000;
			}
		}

		.parameter-huo {
			display: flex;
			justify-content: flex-start;
			padding: 35rpx 30rpx;
			background-color: #FFFFFF;
			border-bottom: 3rpx solid #D2D2D2;

			.parameter-fenzu {
				text {
					font-size: 30rpx;
					font-family: Source Han Sans CN;
					font-weight: 400;
					color: #000000;
					white-space: nowrap;
				}
			}

			.parameter-geshu {
				width: 500rpx;
				margin: 0rpx 40rpx;
				display: flex;

				.parameter-shi {
					flex-grow: 10;

					switch{
						width: 91rpx;
						height: 48rpx;
					}
				}

				.parameter-tui {
					flex-grow: 1;
					text {
						font-size: 30rpx;
						font-family: Source Han Sans CN;
						font-weight: 500;
						color: #000000;
					}
				}

				.parameter-w {
					height: 23rpx;
					line-height: 60rpx;
					font-size: 24rpx;
					font-family: Source Han Sans CN;
					font-weight: 500;
					color: #000000;
					white-space: nowrap;
				}
			}
		}

		.parameter-bj {
			position: relative;

			.parameter-tj {
				position: fixed;
				bottom: 0;
				width: 750rpx;
				height: 100rpx;
				background: #5696F8;
				text-align: center;
				line-height: 100rpx;

				text {
					height: 28rpx;
					font-size: 30rpx;
					font-family: Source Han Sans CN;
					font-weight: 400;
					color: #FFFFFF;
					line-height: 41rpx;
				}
			}
		}

	}
</style>
